<!DOCTYPE html>
<html style="width: 700px;" class="skin-0">
<head >
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title></title>
	<link rel="stylesheet" type="text/css" href="css/skin.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
	<link rel="stylesheet" type="text/css" href="iconfont/iconfont.css">
</head>
<body >
	<div class="header"  style="background-color: #b2bee4;">
		<img src="img/i1.png" class="nav-img">
	    <span style="position: relative; top: -10px;">广告清除配置</span>
	</div>
	<form class="form" style="position: relative;left: 10px;margin-top: 10px;" lay-filter='formdata'>
		<input type="hidden" id="config"/>
		<div class="form-item">
		    <label class="form-label">当前地址</label>
		    <div class="input-block"  style="overflow: auto;padding: 0px;">
		         <div style="" id="urlTxt">  </div>
		    </div>
		</div>
		<div class="form-item">
		    <label class="form-label">匹配url</label>
		    <div class="input-block" style="padding: 2px 0px;">
				<!--  -->
		        <input type="text" readonly="readonly" name="urlmatch" id="urlmatch" style="border: darkslategray;" />
		    </div>
		</div>
		<div class="form-item">
			<div class="div-left">
				<div class="form-item">
					<div class="input-inline" style="width: 150px !important;display: inline;">
						<label style="display: inline-flex">
							<input type="checkbox" id="switchOn" name="switchOn" lay-skin="switch"/>自动过滤(没什么用)
						</label>
					</div>
					<div class="input-inline" style="width: 150px !important;display: inline-block;">
						<label class="form-label" style="margin: 0;width: 60px !important;text-align: right;">模式:</label>
					   <input spellcheck="false" type="text" style="height: 26px;margin-top: 5px;width: 40px;" class="input" id="clearType" name="clearType" title="1：仅隐藏目标 2：仅删除目标 3：优先隐藏后删除目标" value="1"/>
					</div>
				</div>
				<div class="form-item">
					<label class="form-label">1、tagName</label>
					<div class="input-block">
						<input spellcheck="false" type="text" name="tagName"   placeholder="多个用逗号隔开" autocomplete="off" class="input">
					</div>
				</div>
				<div class="form-item">
					<label class="form-label">2、idName</label>
					<div class="input-block">
						<input spellcheck="false" type="text" name="idName"   placeholder="多个用逗号隔开" autocomplete="off" class="input">
					</div>
				</div>
				<div class="form-item">
					<label class="form-label">3、className</label>
					<div class="input-block">
						<input spellcheck="false" type="text" name="className"    placeholder="多个用逗号隔开" autocomplete="off" class="input">
					</div>
				</div>
				<div class="form-item">
					<label class="form-label">4、name</label>
					<div class="input-block">
						<input spellcheck="false" type="text" name="name"    placeholder="多个用逗号隔开" autocomplete="off" class="input">
					</div>
				</div>
				<div class="form-item">
					<label class="form-label">5、包含文本</label>
					<div class="input-block">
						<input spellcheck="false" type="text" name="text"    placeholder="多个用逗号隔开" autocomplete="off" class="input">
					</div>
				</div>
			</div>
			<div  class="div-right">
				<div class="form-item">
					<label class="form-label">样式导入</label>
					<div class="input-block">
						<input spellcheck="false" type="text" name="cssJson"   title="json格式{'key':{'css':'width:100%','type':'tageName'}}" autocomplete="off" class="input">
					</div>
				</div>
				<div class="form-item">
					<label class="form-label">样式导入2</label>
					<div class="input-block">
						<input spellcheck="false" type="text" name="style"   title="{'style':'.ads{display:none;}','iframe':[{'key':'iframe的选择器','style':''}]}" autocomplete="off" class="input">
						<input type="checkbox"  name="styleSwitch" title="启动|停用"/>
					</div>
				</div>
				<div class="form-item">
					<label class="form-label">属性设置</label>
					<div class="input-block">
						<input spellcheck="false" type="text" name="attrReplace"   title="[{'key':'如[name=sss]','attr':'如 scr=http:xxx.img 或scr=:id 或scr=@[name=id]?class'}]" autocomplete="off" class="input">
						<input type="checkbox"  name="attrReplaceSwitch" title="启动|停用"/>
					</div>
				</div>
				<div class="form-item">
					<label class="form-label">隐藏配置</label>
					<div class="input-block">
						<input spellcheck="false" type="text" name="hide"   title="[{'key':'如[id=sss]','name':''}]" autocomplete="off" class="input">
						<input type="checkbox"  name="hideSwitch" title="启动|停用"/>
					</div>
				</div>
			</div>
		</div>
		<div class="form-item">
			<label class="form-label"></label>
			<div class="input-block">
			    <button type="button" id="outportsetting1" value=""  title="导出到粘贴板"  placeholder="" autocomplete="off" class="btn">
					<i class="iconfont icon-fuzhi"></i>&nbsp; 导出配置到粘贴板
				</button>
			    <button type="button" id="importsetting" value=''  title="从粘贴板导入" autocomplete="off" class="btn">
					<i class="iconfont icon-daoru"></i>&nbsp; 从粘贴板导入配置
				</button>
				
				<label style="display: inline-flex">
					<input type="checkbox"  name="status" title="启动|停用"/>是否启用
				</label>
				
			</div>
			<button type="button" id="save" class="btn" style="" value="保存" >
				<i class="iconfont icon-baocun2" style="font-size: 14px !important;"></i>&nbsp;保存
			</button>
		</div>
	</form>
</body>
<script type="text/javascript" src="js/jquery-3.6.1.min.js"></script>
<script type="text/javascript" src="js/utils.js"></script>
<script type="text/javascript" src="js/index.js?v=1"></script>
</html>
